<div class="row-fluid" id="index">
	<div class="span8" style="overflow: hidden">
		
		<!-- <iframe width="425" height="349" src="http://www.youtube.com/embed/FKWwdQu6_ok" frameborder="0" allowfullscreen></iframe> -->
		<iframe class="vid" src="http://player.vimeo.com/video/4633517?title=0&amp;byline=0&amp;portrait=0" width="100%" height="75%" frameborder="0"></iframe>
		<div style="margin-top: 15px" class="fb-like" data-href="https://www.facebook.com/KillLineCommunity" data-send="true" data-width="450" data-show-faces="false"></div>
                        <div id="fb-root"></div>
                        <script>(function(d, s, id) {
                            var js, fjs = d.getElementsByTagName(s)[0];
                            if (d.getElementById(id)) return;
                            js = d.createElement(s); js.id = id;
                            js.src = "//connect.facebook.net/pt_BR/all.js#xfbml=1";
                            fjs.parentNode.insertBefore(js, fjs);
                        }(document, 'script', 'facebook-jssdk'));</script>
	</div>

	<div class="span4 margintop-mobile">
		<c:choose>
			<c:when test="${usuarioLogado.usuario!=null}">
				<!--  se logado -->
			</c:when>
			<c:otherwise>
				<!--  se nao logado -->
				<form id="formlogindex" class="form-horizontal form-wdthmax60" method="POST" action="${pageContext.request.contextPath}/conta">
					<fieldset>
						
						<div class="control-group">
							<label class="control-label" for="login"><fmt:message key="login.usuario"/></label>
							<div class="controls">
								<input id="login" class="span12 {required:true, messages:{required:'<fmt:message key="login.usuario.required"/>'}}" type="text" name="login" placeholder="<fmt:message key="login.usuario"/>" />
							</div>
						</div>
						<div class="control-group">
							<label class="control-label" for="senha"><fmt:message key="login.senha"/></label>
							<div class="controls">
								<input id="senha" class="span12 {required:true, messages:{required:'<fmt:message key="login.senha.required"/>'}}" type="password" name="senha" placeholder="<fmt:message key="login.senha"/>" />
							</div>
						</div>
						<div class="control-group" style="margin-bottom: 0;">
							<div class="controls">
								<input class="btn btn-primary span12" type="submit" name="commit" value="<fmt:message key="login.acessarconta"/>" />
								<a class="btn span12" style="margin: 10px 0 0;" href="${pageContext.request.contextPath}/usuario/cadastro"><fmt:message key="menu.topo.cadastrar" /></a>
							</div>
						</div>
					</fieldset>
				</form>
				<hr/>
			</c:otherwise>
		</c:choose>
		<div class="row-fluid">
			<h1 class="titulo"><fmt:message key="login.saibamais"/></h1>
			<div class="accordion" id="accordion" style="text-align: justify;">
				<div class="accordion-group">
    				<div class="accordion-heading">
      				<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
        				<fmt:message key="noticia.pqusar"/>
      				</a>
    				</div>
    				<div id="collapseOne" class="accordion-body collapse in">
      				<div class="accordion-inner">
        				<fmt:message key="noticia.pqusar.text"/>
      				</div>
				    </div>
  				</div>
  				<div class="accordion-group">
    				<div class="accordion-heading">
      				<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
        				<fmt:message key="noticia.comofunciona"/>
      				</a>
    				</div>
    				<div id="collapseTwo" class="accordion-body collapse">
      				<div class="accordion-inner">
        				<fmt:message key="noticia.comofunciona.text"/>
      				</div>
    				</div>
  				</div>
			</div>
		</div>
	</div>
</div>

<script src="${pageContext.request.contextPath}/plugins/video/jquery.fitvids.js"></script>
<script src="${pageContext.request.contextPath}/plugins/validate/jquery.maskedinput-1.3.min.js"></script>
<script src="${pageContext.request.contextPath}/plugins/validate/jquery.validate.js"></script>
<script src="${pageContext.request.contextPath}/plugins/validate/jquery.metadata.js"></script>

<script>
	(function($){
		//$(".container").fitVids();
		$("#formlogindex").validate();
	})(jQuery);
</script>